<script setup lang="ts">
import {ref} from 'vue'
  const tableData = ref([{
          id: 'S-668712929129919',
          name: 'Aplay',
          address:"0xC35751b62bF0A793d0A159dDE10c798bd41aD3cC",
          amount: 2000,
          status: 1,
          createAt:"2024-05-05 12:28:24"
        }])
</script>

<template>
<div>
   <el-form :inline="true"  class="demo-form-inline">
      <el-form-item label="用户名">
        <el-input placeholder="用户名"></el-input>
      </el-form-item>
      <el-form-item label="钱包地址">
        <el-input placeholder="钱包地址"></el-input>
      </el-form-item>
     <el-form-item label="充值状态">
        <el-select style="width:150px">
          <el-option label="充值成功" value="1"></el-option>
          <el-option label="充值失败" value="2"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary">查询</el-button>
        <el-button>重置</el-button>
      </el-form-item>
    </el-form>
    <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="id"
      label="编号">
    </el-table-column>
    <el-table-column
      prop="name"
      label="用户">
    </el-table-column>
     <el-table-column
      width="200"
      prop="address"
      label="钱包地址">
    </el-table-column>
    <el-table-column
      prop="amount"
      label="充值数量">
    </el-table-column>
    <el-table-column
      prop="status"
      label="状态">
      <template v-slot="scope"><div>充值成功</div></template>
    </el-table-column>
    <el-table-column
    fixed="right"
    width="150"
      prop="createAt"
      label="时间">
    </el-table-column>
  </el-table>
</div>
</template>
